<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQ注册登录</title>
</head>
<body>
<p>
    <img src="image/qq-image/bg_chs.png">
</p>
<p>
    <h3>注册账号</h3>
</p>
<form action="表单.html" method="post">
    <table>
        <tr>
            <td><label for="username">昵称</label></td>
            <td>
                <input required type="text" name="username" id="username" pattern="[-\w\u4E00-\u9FA5]{4,10}">长度为4-10个字符
            </td>
        </tr>
        <tr>
            <td><label for="password">密码</label></td>
            <td>
                <input required type="password" name="password" id="password" pattern="[\dA-Za-z]{6,16}">长度为6-16个字符
            </td>
        </tr>
        <tr>
            <td><label for="pwd">确认密码</label></td>
            <td>
                <input required type="password" name="password" id="pwd" pattern="[\dA-Za-z]{6,16}">长度为6-16个字符
            </td>
        </tr>
        <tr>
            <td>手机号码</td>
            <td>
                <input required type="tel" name="tel" pattern="1[3578]\d{9}">11位手机号，以13|5|7|8开头
            </td>
        </tr>
        <tr>
            <td>邮箱</td>
            <td>
                <input required type="email" name="email">
            </td>
        </tr>
        <tr>
            <td>年龄</td>
            <td>
                <input required type="number" name="age" min="1" max="100" step="1" pattern="\d|[1-9]\d|1[0-2]\d">
            </td>
        </tr>
    </table>
    <p>
        <input type="image" src="image/qq-image/btn.bmp">
    </p>
</form>

</body>
</html>